<template>
  <!-- 首页入口 -->
  <div class="home-entry">
    <div class="container">
      <!-- 左侧分类 -->
      <home-category />
      <!-- 轮播图 -->
      <home-banner />
    </div>
    <!-- 新鲜好物 -->
    <home-new />
    <!-- 人气推荐 -->
    <home-hot />
    <!-- 热门品牌 -->
    <home-brand />
  </div>
</template>

<script>
import HomeCategory from './components/home-category.vue'
import HomeBanner from './components/home-banner.vue'
import HomeNew from './components/home-new.vue'
import HomeHot from './components/home-hot.vue'
import HomeBrand from './components/home-brand.vue'
export default {
  name: 'HomePage',
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeHot,
    HomeBrand
  }
}
</script>

<style scoped lang="less">
//less必须加分号不然会报错误
//手机端hover没有作用
.container {
  .hoverShadow();
}
</style>
